<template>
	<div>
		<navigationBar :backType="2" navigationTitle="支付成功" />

		<view class="wrap">
			<view class="wrap-white flex column align-center just-center">
				<image class="icon" :src="getImageURL('order/pay_success_icon.png')" />
				<view class="title f-32">支付成功！</view>
				<view class="btn order-btn f-30" @click="goOrderList">查看订单</view>
				<view class="btn back-btn f-30">返回</view>
			</view>
		</view>
	</div>
</template>

<script>
	export default {
		data() {
			return {};
		},
		onLoad() {},
		methods: {
			/**
			 * 去订单列表
			 */
			goOrderList() {
				uni.redirectTo({
					// url: `/subPages/technician/tabBar/orderList`,
				});
			},
			/**
			 * 返回
			 */
			onBack() {
				uni.navigateBack();
			},
		},
	};
</script>

<style lang="scss" scoped>
	.wrap {
		.wrap-white {
			margin: 64rpx auto;
			width: 690rpx;
			background-color: white;
			overflow: hidden;
			padding: 40rpx 80rpx;
			box-sizing: border-box;
			border-radius: 20rpx;

			.icon {
				width: 100rpx;
				height: 100rpx;
			}
			.title {
				margin-top: 44rpx;
				color: $title-color;
			}

			.btn {
				width: 100%;
				height: 82rpx;
				line-height: 82rpx;
				text-align: center;
				border-radius: 41rpx;
				overflow: hidden;
			}
			.order-btn {
				margin-top: 70rpx;

				border: 2rpx solid $theme-color;
				color: $theme-color;
			}
			.back-btn {
				margin-top: 38rpx;
				background-color: $theme-color;
				color: $bg-text-color;
			}
		}
	}
</style>
